<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./myFont/iconfont.css">
    <script src="./myFont/iconfont.js"></script>
</head>

<body>
    <!-- header开始 -->
    <header>
        <div class="statusBar"></div>
        <div class="setUp w">
            <a href="login.html" target="_top" class="left">
                <div class="user">
                    <i class="iconfont">&#xe606;</i>
                </div>
                <div>
                    <h2>未登录</h2>
                    <p>便捷出行就在12306</p>
                </div>
            </a>
            <div class="right">
                <i class="iconfont">&#xe622;</i>
                <i class="iconfont">&#xf14d;</i>
            </div>
        </div>
        <div class="message w">
            <div><a href="#"><i class="iconfont">&#xe609;</i><span>乘车人</span></a></div>
            <span>|</span>
            <div><a href="#"><i class="iconfont">&#xe669;</i><span>我的订单</span></a></div>
            <span>|</span>
            <div><a href="#"><i class="iconfont">&#xe6e4;</i><span>优惠券</span></a></div>
        </div>
        <div class="members w">
            <div href="#" class="left">
                <div class="hy">
                    <i class="iconfont">&#xe62d;</i>
                </div>
                <div>
                    <h4>开通铁路会员，立享积分优惠!</h4>
                    <p>惠享出行&nbsp;尊享体验</p>
                </div>
            </div>
            <div class="right">
                <button>去查看&nbsp;&nbsp;&gt;</button>
            </div>
        </div>
    </header>
    <!-- header结束 -->
    <!-- 出行开始 -->
    <nav class="travel w">
        <div class="top">
            <h3>出行向导</h3>
            <p>车站服务&nbsp;出行指南</p>
        </div>
        <div class="bottom">
            <ul>
                <li><a href="#"><i class="iconfont">&#xe604;</i><span>车站大屏</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe63a;</i><span>时刻表</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe707;</i><span>起(止)售时间</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe62b;</i><span>正晚点查询</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe60e;</i><span>票价查询</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe600;</i><span>换乘时间</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe63e;</i><span>代售点查询</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe639;</i><span>更多</span></a></li>
            </ul>
        </div>
    </nav>
    <!-- 出行结束 -->
    <!-- 常用开始 -->
    <nav class="function w">
        <div class="top">
            <h3>常用功能</h3>
            <p>常用功能&nbsp;快捷导航</p>
        </div>
        <div class="bottom">
            <ul>
                <li><a href="#"><i class="iconfont">&#xe6c8;</i><span>人证核验</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe8c2;</i><span>指纹登录</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe7e2;</i><span>修改密码</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe696;</i><span>修改手机号</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe655;</i><span>通知设置</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe69d;</i><span>修改邮箱</span></a></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </nav>
    <!-- 常用结束 -->
    <!-- 服务开始 -->
    <nav class="service w">
        <div class="top">
            <h3>温馨服务</h3>
            <p>暖心服务&nbsp;旅行助手</p>
        </div>
        <div class="bottom">
            <ul>
                <li><a href="#"><i class="iconfont">&#xe6c8;</i><span>遗失物品</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe8c2;</i><span>重点旅客</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe7e2;</i><span>建议</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe696;</i><span>客服电话</span></a></li>
                <li><a href="#"><i class="iconfont">&#xe655;</i><span>投诉</span></a></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </nav>
    <!-- 服务结束 -->
    <!-- 信息服务开始 -->
    <main class="messageService w">
        <ul>
            <li>
                <h3>信息服务</h3>
            </li>
            <li><a href="#">
                    <h5>公告</h5><span>&gt;</span>
                </a></li>
            <li><a href="#">
                    <h5>常见问题</h5><span>&gt;</span>
                </a></li>
            <li><a href="#">
                    <h5>使用须知</h5><span>&gt;</span>
                </a></li>
            <li><a href="#">
                    <h5>服务规章</h5><span>&gt;</span>
                </a></li>
            <li><a href="#">
                    <h5>铁路保险</h5><span>&gt;</span>
                </a></li>
            <li><a href="#">
                    <h5>关于</h5><span>版本号5.2.11&gt;</span>
                </a></li>
        </ul>
    </main>
    <!-- 信息服务结束 -->
</body>

</html>